<?xml version='1.0' encoding='UTF-8' ?>
<!--
  ~ Copyright (c) 2014 Luca Agostini, Alessandro Cantini, Alessandro Dignani
  ~
  ~ This file is part of MeteoCal.
  ~
  ~ MeteoCal is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU General Public License as published by
  ~ the Free Software Foundation, either version 3 of the License, or
  ~ (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU General Public License for more details.
  ~
  ~ You should have received a copy of the GNU General Public License
  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Welcome to MeteoCal</title>
</h:head>
<h:body>
    <h:form id="loginform">
        <img class="center" src="/MeteoCal/images/MeteoCal.png" alt="MeteoCal" width="353"
             height="177"/>
        <p:panel header="Welcome to MeteoCal">
            <p:panelGrid columns="2">
                <p:outputLabel for="email" value="Email"/>
                <p:inputText id="email" value="#{loginBean.email}" required="true" size="25"/>

                <p:outputLabel for="password" value="Password"/>
                <p:password id="password" value="#{loginBean.password}" required="true" size="25"/>

                <p:commandButton id="submit" value="Login" action="#{loginBean.login()}"
                                 update="messages"/>
            </p:panelGrid>
        </p:panel>

        <h:outputText value="Do you need a MeteoCal account? "/>
        <p:link outcome="register" value="Sign Up!"/>
        <p:messages id="messages"/>
    </h:form>
</h:body>
</html>

